$(function () {
  // 从layUI身上导出form方法
  let form = layui.form;
  let layer = layui.layer;
  //   创建自定义规则
  form.verify({
    nickname: function (value) {
      if (value.length > 6) {
        return "昵称的长度必须在1-6个字符之间！";
      }
    },
  });

  // 调用函数
  initUserInfo();
  // 初始化用户的基本信息函数
  function initUserInfo() {
    //   发起ajax请求
    $.ajax({
      type: "GET",
      url: "/my/userinfo",
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg("获取用户信息失败");
        }
        console.log(res);
        form.val("formUserInfo", res.data);
      },
    });
  }
  // 重置按钮 绑定点击事件
  $("#btnReset").on("click", function (e) {
    // 阻止默认的重置行为
    e.preventDefault();
    // 重新调用初始化函数
    initUserInfo();
  });
  // 提交按钮 绑定submit事件
  $(".layui-form").on("submit", function (e) {
    // 阻止表单的默认提交行为
    e.preventDefault();
    // 发起ajax请求
    $.ajax({
      type: "POST",
      url: "/my/userinfo",
      data: $(this).serialize(),
      success: function (res) {
        console.log(res);
        if (res.status !== 0) {
          return layer.msg("更新用户信息失败！");
        }
        console.log(res);
        layer.msg("更新用户信息成功！");
        // 调用父亲的方法  更新用户信息
        window.parent.getUserInfo();
      },
    });
  });
});
